﻿body {
    font-family:Arial;
    width:1200px;
    margin:0 auto;
    background: url(/Images/Background/BackgroundDep.jpg) no-repeat center center fixed;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;   
}
#header{
    background:#000000;
    float: left;
    height:200px;
    width:100%;
}
#header #logo{
    /*background: #ff0000;*/
    float:left;
    height: auto;
    margin: 20px;
}
#header #logo img{
    height: 160px;
    width: 160px;    
    float:left;
}
#header #banner{
   height:200px;
   float:left;
}
#header #banner img{
     height:100%;
    width: auto;
    float:left;
}
#header #search{
    width: 300px;
    height:100px;
    background: #ff6a00;
    float:left;
}
#menu{
    width:100%;
    height:40px;
    float:left;
    background:#f6f4f4;
    border-bottom: 2px solid #808080;
}
#menu ul{
    list-style: none;    
    margin:0px;
}
#menu ul li{    
    padding-left:5%;
    padding-right:5%;    
    list-style:none;
    border-right: 2px #000000 dotted;
    float:left;
    font-size:20px;
    height:40px;
}

#menu ul li a{
    float:left;
    margin-top:10px;
    text-decoration:none;
    color:black;
}
#menu ul li a:hover{
    color: #ffffff;
        background: #0094ff;
}
#menu ul li:hover{
    background: #0094ff;
}
#menuleft{
    width:20%;
    background:#d3d4d0;
    height:auto;
    float:left;
}
#menuleft #danhmuc{
    width:100%;
    height:auto;
    float:left;
}
#menuleft #danhmuc #tendanhmuc{
    padding-top:15px;
    padding-bottom:15px;
    width:100%;
    text-align:center;
    background:#000000;
    color:white;
    float:left;
}
#menuleft #danhmuc ul{
    margin-top:0px;
    padding-left:5px;
    float:left;
}
#menuleft #danhmuc ul li{
    float:left;
    list-style: none;    
    width:100%;
    border-bottom:1px dotted #000000;

}
#menuleft #danhmuc ul li:hover{
    background:#0094ff;
}
#menuleft #danhmuc ul li a{
    float:left;
    margin-top:10px;
    margin-bottom:5px;
    margin-left:15px;
    text-decoration:none;
    color:#18a39e;  
}
#menuleft #danhmuc ul li a:hover{
    color:white;
    background:#0094ff;
}
#menuright{
    width:20%;
    height:auto;
    background: #fafafa;
    float:left;
}
    #menuright #menuLogin {
        width:95%;
        height:auto;
        padding-left:10px;
        background:#fafafa;
        border:1px solid #808080;
        border-bottom:1px dashed #0094ff;
    }
        #menuright #menuLogin table {
            width:100%;
            border:1px solid #808080;
        }
#main{
    background:#F3EEEE;
    width:60%;
    height:auto;
    float:left;
}
#main #listproduct{
    float:left;
    height:auto;
}
#main #listproduct .product{
    background:#ffffff;
    border:solid 2px #0026ff;
    border-radius:15px;
    float:left;
    padding:5px;
    margin-left:8px;
    margin-top:5px;
    margin-bottom:5px;
    width:215px;
    height: 300px;
    
}
.main #facebook{
    float:left;
    width:100%;
}
.product .title{
    height: 30px;
    width:100%;
    float:left;
    border-bottom:#808080 solid 1px;
}
.product .title a{}
.product a{
    float:left;    
    height:200px;
    width:215px;
    border-bottom:#808080 solid 1px;
}
.product a img {
    height:150px;
    width:155px;
    float:left;
    padding:30px 30px 20px 30px;
}

.product .money {
    padding-top:8px;
    height: 25px;
    width:100%;
    float:left;
    color:#ff0000;
    text-align:right;
    padding-right:5px;
    border-bottom:#808080 solid 1px;
}
.product .details {
    padding-top:5px;
    height: 25px;
    width:50%;
    float:left;
    color:#808080;
    text-align:center;
    padding-left:0px;
}
.product .details a{
    float:left;
    width:100%;
    height:100%;
    text-decoration:none;
    color:#808080;
}
.product .details a:hover{color:#ff6a00;}
.product .dathang {
    padding-top:5px;
    height: 25px;
    width:50%;
    float:left;
    color:#808080;
    text-align:center;
    padding-left:0px;
    background:#0094ff;
}
.product .dathang:hover{background:#8826ff;}
.product .dathang a{
    float:left;
    width:100%;
    height:100%;
    text-decoration:none;
    color:white;
}

#slide{
    width:60%;
    height:auto;
    float:left;
}
#footer{}
#footer #left{}
#footer #right{}
#footer #main{}
#k-panel-body form {
}
#main .contentlienhe {
    width:95%;
    float: left;
    border:1px solid #8826ff;
    background:#fff;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    
}
    #main .contentlienhe .titlelh {
        width: 99%;
        height: 20px;
        margin: 0 auto;
        height: 32px;
        line-height: 30px;
        border-bottom: 1px solid #D8DFEA;
        font-weight: bold;
        font-size: medium;
        text-align:left;
        background:#fafafa;
        padding-left:3px;
    }
    #main .contentlienhe .tablelh {
        margin-top:20px;
        padding-top:20px;
        padding-left:20px;
    }
        /*#main .contentlienhe .tablelh table {
            width:100%;
        }
        #main .contentlienhe .tablelh table .EditorFor {
            width:60%;
        }
        #main .contentlienhe .tablelh table .TextAreaFor {
            width:100%;
            height:150px;
        }
        #main .contentlienhe .tablelh table .ValidationMessageFor {
            padding: 5px;
            color: #969696;
            font-size:0.8em;
        }*/
            #main .contentlienhe .red {
            float: none;
            color: red !important;
            font-weight: bold;
            margin: 0;
            }
    #main .dmlienhe {
        width:95%;
        background:#fafafa;
        margin-top:10px;
        margin-left:10px;
        margin-right:10px;
        border-top-left-radius:10px;
        border-top-right-radius:10px;
        height:auto;
        
    }
        #main .dmlienhe .dmtitle {
            height:30px;
            background:#3b5989;
            color:#fff;
            text-align:left;
            border-top-left-radius:10px;
            border-top-right-radius:10px;
            padding-left:10px;
            
        }
            #main .dmlienhe .bartop {
                width:100%;
                background: #2a2a2a url(/Images/LienHe/theadBG.gif) repeat-x left top;
                display: block;
                float: left;
                border: 0 none;
                border-bottom: 1px solid #2a2a2a;
                color: #b6b6b6;
                line-height: 32px;
            }
                #main .dmlienhe .bartop .barleft {
                    width:20%;
                    float:left;
                    margin-left:20px;
                    padding:0;
                    /*background:#000;*/
                }
                /*#main .dmlienhe .bartop .barcenter {
                    display: block;
                    float: left;
                    clear: right;
                    width: 1%;
                    margin-right: 2%;
                    background:#000;
                }*/
                #main .dmlienhe .bartop .barright {
                    width:75%;
                    float:right;
                    display: block;
                    /*clear: right;*/
                    /*background:#000;*/
                }
        #main .dmlienhe .contentlh {
            float: left;
            width: 100%;
            display: block;
        }
        #main .dmlienhe .dmcontent {
            /*height:auto;
            background:#fff;
            border-bottom:1px dashed #808080;*/         
            color: #4e4e4e;
            background: #fff none;
            display: block;
            width: 100%;
            float: left;
            min-height: 58px;           
            border-bottom:1px dashed #808080;
            border-left: 1px solid #d5d5d5;
            border-right: 1px solid #d5d5d5;
        }
            #main .dmlienhe .dmcontent .dmcontentleft {               
                width: 25%;
                min-width: 25%;
                float: left;
                clear: right;
                min-height: 48px;
            }
                #main .dmlienhe .dmcontent .dmcontentleft img {
                    padding-top:5px;
                    margin-top:5px;
                    margin-left:20px;
                }
                #main .dmlienhe .dmcontent .dmcontentleft span {
                    padding-top:5px;
                    margin-top:5px;
                    margin-left:10px;
                    margin-bottom:5px;
                    font-size:0.8em;
                }
            #main .dmlienhe .dmcontent .dmcontentright {
                width: 70%;
                font-size: 12px;
                padding-top: 5px;
                display: block;
                float: left;
                clear: right;
            }
        #main .dmlienhe .barbottom {        
            background: url(/Images/LienHe/bottomBarBG.gif) repeat-x top left;
            height: 20px;
            font-size: 0;
            clear: both;
            border-bottom-left-radius:10px;
            border-bottom-right-radius:10px;
        }